<template>
  <div class="panelUl" v-infinite-scroll="loadMore" infinite-scroll-disabled="loading" infinite-scroll-distance="10">
    <mt-loadmore :top-method="loadTop" ref="loadmore">

      <div v-for="(item,index) in dataArr" :key="item.DocNo">
        <!-- 面板主要内容 -->
        <div class="panel panelWait">
          <div class="reveal">

            <div class="left">
              <div class="bg" :class="item.DocumentType | DocumentType"></div>
            </div>
            <div class="center">
              <div class="panelTitle">
                <span>{{item.Name}}</span>
                <span class="status red">{{item.DocumentStatus| DocumentStatus }}</span>
              </div>
              <div class="panelText">
                <span>时间：</span>
                <span>{{item.AddDateTime | timeFormat1 }}</span>
              </div>
              <div class="panelText panelTexlBottom">
                <span>类型： {{item.JobType | JobType}}</span>
                <div class="detail">
                  <span>{{item.PageCount}}页{{item.Copies}}份</span>
                  <!-- <span class="red">￥0.6</span> -->
                </div>
              </div>
            </div>
          </div>
          <!-- 面板的操作界面 -->
          <div class="operate">
            <a href="javascript:;" class="btn cancel" @click="cancelOrder(item,10,index)">取消订单 </a>&nbsp;&nbsp;&nbsp;
            <a href="javascript:;" class="btn pickup" @click="getFile(item,7,index)">立即取件</a>
          </div>
        </div>

      </div>

      <div class="loading" v-if="showloading">
        <img width="10%" src="./Spinner.gif" alt="">
        <span>正在加载</span>
      </div>
      <div class="loading" v-if="bottomLine">
        <span class="line"> 我是有底线的</span>
      </div>
      <div v-show="dataArr.length==0" class="nothing">
        <img width="100" src="./nothing.png" alt="">
        <p class="nothingMsg"> 没有相应的订单</p>
        <a href="javascript:;" class="btn" @click="gotoPrint">去打印</a>
      </div>
    </mt-loadmore>
  </div>
</template>

<script>
import mixin from './mixin.js'

export default {
  mixins: [mixin],
  props: ['isActive'],
  data() {
    return {
      docStatus: 3
    }
  },
  methods: {
    updataView(index) {
      //  alert("开始刷新视图")
      let shadowDataArr = Array.from(this.dataArr)
      shadowDataArr.splice(index, 1)
      this.dataArr = shadowDataArr
    }
  },
  created() {

  },
}
</script>
 
<style lang='less' scoped>
@import './sub.less';
</style>